



        
        main .heading {
            position: relative;
        }
        main .heading .txt{
            position: absolute;
            left: 50%;
            top: 6.25vw;
            transform: translateX(-50%);
        }
        main .heading .txt *{
            color: #fff;
        }
        
        main .heading .ttl{
            font-size: 4.16vw;
            font-weight: bold;
        }
        main .heading .des{
            margin-top: 2vw;
            margin-bottom: 3.6vw;
            font-size: 1.25vw;
            line-height: 1.5;
        }
        main.professional .heading .des{
            width: 25.2vw;
        }
        main .heading .more{
            width: 12.4vw;
            line-height: 60px;
            border-color: #fff;
        }
        main .heading .more>*{
            border-color: #fff;
        }
        main .heading .more img{
            width: 16px;
        }

        main .function{
            margin-top: 5.1vw;
            position: relative;
            z-index: 2;
        }
        main .function::after{
            content: '';
            position: absolute;
            z-index: -1;
            width: 41.5vw;
            height: 51.875vw;
            border-radius: 50%;
            background: rgba(0,41,85,.1);
            top: 0px;
            transform: translateX(-20.7vw);
        }
        main .function .palace{
            width: 50.9%;
            position: relative;
        }
        main .function .palace p{
            display: none;
            height: 100%;
        }
        main .function .palace p.active{
            display: block;
        }
        main .function .txt{
            width: 42.4%;
            margin-left: 6.7%;
            position: relative;

        }
        main .function .txt:before,
        main .function .txt .item::before{
            content: '';
            position: absolute;
            width: 3px;
            top: 0px;
            left: 0px;
            height: 100%;
            background: #ddd;
        }

        main .function .txt .item{
            padding: 1.5vw 0px;
            padding-left: 4.15vw;
            line-height: 1.5;
            opacity: .5;
            position: relative;
        }
        main .function .txt .item *{
            font-size: 1.2vw;
        }
        main .function .txt .item::before{
            background: #002955;
            opacity: 0;
        }
        main .function .txt .item.active,
        main .function .txt .item.active::before{
            opacity: 1;
        }
        main .function .txt .item .ttl{
            font-size: 1.5vw;
            line-height: 1;
            margin-bottom: 2vw;
            cursor: pointer;
            transition: margin .3s cubic-bezier(0, 0.54, 0.77, 1.15);
        }
        main .function .txt .item .des{
            height: 0px;
            overflow: hidden;
            transition: height .3s cubic-bezier(0, 0.54, 0.77, 1.15);
        }
        main .function .txt .item .des span{
            display: inline-block;
            vertical-align: top;
        }
        
        main .advtg{
            position: relative;
            z-index: 2;
            box-sizing: content-box;
            padding: 3.8vw 5.1vw;
            background: #fff;
            margin-top: 5.1vw;
            margin-bottom: 2vw;
            align-items: flex-start;
            justify-content: space-between;
        }
        
        main .advtg>*{
            width: 44.2%;
        }
        main .advtg .txt>p{
            font-size: 1.5625vw;
        }
        main .advtg .txt li{
            padding: 1.5625vw 0px;
            border-bottom: 1px solid #ddd;
        }
        main .advtg .txt li p{
            padding-left: 2.39vw;
            color: #4d6a89;
        }
        main .advtg .txt li p + p{
            margin-top: .5vw;
            line-height: 1.6;
        }
        main .advtg .txt li p:first-child{
            position: relative;
        }
        main .advtg .txt li p:first-child::before{
            content: '';
            position: absolute;
            width: 1.25vw;
            height: 1.25vw;
            box-sizing: border-box;
            border-radius: 50%;
            border: 1px solid #4d6a89;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
        }

        main .corperate{
            background: #fff;
        }
        main .corperate>p{
            text-align: center;
            font-size: 2.5vw;
            padding-top: 4.1vw;
        }
        main .corperate .coprSwp .item{
            padding-top: 70px;
            padding-bottom: 80px;
        }
        main .corperate .coprSwp .item .inner{
            position: relative;
            padding-bottom: 25px;
            text-align: center;
        }
        main .corperate .coprSwp .item .inner img{
            display: inline-block;
            width: auto;
            height: 90px;
            vertical-align: top;
            opacity: .6;
            webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
            transition: all ease-in-out .3s;
        }
        main .corperate .coprSwp .item:hover .inner img{
            opacity: 1;
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            -ms-filter: grayscale(0);
            -o-filter: grayscale(0);
            filter: grayscale(0);
        }
        main .corperate .coprSwp .item .inner span{
            position: absolute;
            width: 100%;
            top: 100%;
            left: 0px;
            padding: 0px 15px;
            opacity: 0;
        }
        main .corperate .coprSwp .item:hover .inner span{
            opacity: 1;
        }

        main .picTxt .item{
            margin-top: 4.1vw;
        }
        main .picTxt .item>*{
            width: 50%;
        }
        main .picTxt .item:nth-child(2n){
            flex-direction: row-reverse;
        }
        main.professional .picTxt .item:nth-child(1) .txt img{
            width: auto;
            max-width: 100%;
            margin-left: -5.2vw;
            margin-bottom: 6.25vw;
        }
        main.professional .picTxt .item:nth-child(2){
            width: 83%;
            padding: 2.5vw;
            margin-left: auto;
            margin-right: auto;
            align-items: initial;
            justify-content: space-between;
        }
        main.professional .picTxt .item:nth-child(2) .txt{
            width: 26.5vw;
            padding: 0px;
        }
        main.professional .picTxt .item:nth-child(2) .pic{
            width: 31.25vw;
        }
        main.health .picTxt .item .txt{
            width: 55.5%;
            padding: 10.9375vw;
        }
        main.health .picTxt .item .pic{
            width: 44.5%;
        }
        main.health .tips + .picTxt .item:nth-child(1) .ttl{
            line-height: 1.6;
        }
        main.health .tips + .picTxt .item:nth-child(1) li{
            padding-left: 1vw;
            position: relative;
            margin-top: calc(20px + .6vw);
        }
        main.health .tips + .picTxt .item:nth-child(1) li::after{
            content: '';
            top: 50%;
            transform: translateY(-50%);
            left: 0px;
            border-radius: 50%;
            position: absolute;
            width: 4px;
            height: 4px;
            background: #002955;
        }
        main.health .tips + .picTxt .item:nth-child(2) .ttl{
            font-weight: normal;
            font-size: 2.6vw;
            line-height: 1.25;
        }
        
        
        main .picTxt .item .txt{
            padding: 0px 180px;
        }
        main .picTxt .item .txt .ttl{
            margin-top: 0px;
            line-height: 1;
        }
        main .picTxt .item .txt p{
            line-height: 1.5;
            margin-top: 36px;
        }
        main.professional .picTxt .item:nth-child(2) .more{
            width: 200px;
        }
        main .picTxt .item .more{
            margin-top: 125px;
        }
        main .picTxt .item .more img{
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%,-50%);
            width: 15px !important;
            position: absolute;
        }

        main .pro{
            padding-top: 90px;
        }
        main .pro>p{
            font-size: 45px;
            text-align: center;
            margin-bottom: 45px;
        }
        main .pro .item{
            background: #fff;
        }
        main .pro .item .t{
            padding: 36px;
        }
        main .pro .item .ttl{
            margin-bottom: 18px;
        }
        main .pro .pic{
            position: relative;
            padding-bottom: 100%;
            margin: 40px 0px;
        }
        main .pro .links{
            position: relative;
            overflow: hidden;
            border-top: 1px solid #f0f3f6;
        }
        main .pro .links::before{
            content: '';
            width: 1px;
            height: 100%;
            top: 0px;
            left: 50%;
            position: absolute;
            background: #f0f3f6;
        }
        main .pro .links a{
            width: 50%;
            float: left;
            text-align: center;
            line-height: 64px;
        }
        main .pro .proSwp .control{
            width: 70%;
            height: 30px;
            margin: 70px auto;
        }
        main .pro .proSwp .control .btn{
            cursor: pointer;
            width: 30px;
            transition: all ease-in-out .3s;
        }
        main .pro .proSwp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
            background: #002955;
        }
        main .pro .proSwp .control .swiper-pagination{
            width: 85%;
            position: relative;
            height: 3px;
            background: #D6D9DC;
            margin: 0px 30px;
        }

        main .proTip{
            padding-top: 1.5vw;
            padding-bottom: 2.59vw;
        }
        main.professional .proTip{
            font-size: 12px;
        }

        main .aboutPage{
            background: #fff;
        }
        main .aboutPage .fluid{
            overflow: hidden;
            
        }
        main .aboutPage .fluid a{
            line-height: 6.25vw;
            font-size: 1.25vw;
        }
        main .aboutPage .fluid a:hover{
            opacity: .7;
        }
        main .aboutPage .fluid a span{
            font-size: inherit;
        }
        main .aboutPage .fluid a img{
            width: 1.75vw;
        }
        main .aboutPage .fluid .prev{
            float: left;
        }
        main .aboutPage .fluid .next{
            float: right;
        }
        main .aboutPage .fluid .prev img{
            margin-right: 1.45vw;
        }
        main .aboutPage .fluid .next img{
            margin-left: 1.45vw;
        }

        main .tips{
            padding: 4.9vw 0px;
            text-align: center;
            font-size: 14px;
            background: #fff;
            line-height: 1.6;
        }
        main.brand .tips{
            padding: 4.9vw 21.5vw;
        }
        main.brand .tips p:last-child{
            color: #4d6a89;
        }
        main.health .tips .inner{
            width: 36.4vw;
            margin: 0 auto; 
        }
        main .tips p:first-child{
            margin-bottom: 1.5625vw;
        }
        
        main.health .tips p:first-child{
            font-size: 1.5vw;
            font-weight: bold;
            line-height: 1;
        }
        
        main.health .gap{
            background: #fff;
            padding: 4.1vw 0px;
        }
        main.health .gap ul{
            justify-content: space-between;
        }
        main.health .gap ul li{
            width: 19.2vw;
            line-height: 1.6;
        }
        main.health .gap ul li .ttl{
            margin-bottom: 1.03125vw;
            line-height: 1.1;
        }

        main .pt{
            position: relative;
        }
        main.health .pt{
            margin-top: 5.1875vw;
        }
        main.health .pt .txt p{
            width: 31.6vw;
        }
        main.health .pt .txt p *{
            color: #fff;
        }
        main.health .pt .txt p span{
            font-size: 2.59vw;
            display: block;
        }
        main.health .pt .txt p .more{
            width: 9.8vw;
            border-color: #fff;
            margin-top: 6px;
        }
        main.health .pt .txt p .more span{
            display: none;
        }

        main .pm{
            padding-top: 4.1vw;
        }
        main .pm .pic,
        main.brand .spread .item .pic{
            padding-bottom: 73%;
            position: relative;
            overflow: hidden;
        }
        main .pm .pic img,
        main.brand .spread .item .pic img{
            transition: all ease-in-out .3s;
        }
        main .pm .pic:hover img,
        main.brand .spread .item .pic:hover img{
            transform: scale(1.05);
        }
        main.brand .spread .ttl,
        main .pm .ttl{
            margin-top: 1.5vw;
            margin-bottom: 1.29vw;
            font-weight: normal;
        }
        main.brand .spread .des, 
        main .pm .des{
            line-height: 1.6;
        }

        main.health .proTip{
            line-height: 1.6;
            counter-reset:subsection;
        }
        main.health .proTip p{
            margin-top: 1.5625vw;
        }
        main.health .proTip p:first-child{
            margin-top: 0px;
        }
        main.health .proTip p::before{
            counter-increment: subsection;
            content: counter(subsection) '.';
        }

        
        main.brand .pt .txt{
            position: absolute;
            left: 8%;
            top: 6.25vw;
            width: 27vw;
        }
        main.brand .pt .txt p{
            color: #fff;
            font-size: 1.25vw;
            line-height: 1.5;
        }
        main.brand .pt .txt .ttl{
            font-size: 4.1vw;
            line-height: 1.1;
        }
        main.brand .pt .txt .des{
            margin-top: 2vw;
            margin-bottom: 3.6vw;
        }
        main.brand .pt .txt .more{
            width: 12.4vw;
            line-height: 60px;
            border-color: #fff;
            color: #fff;
        }
        main.brand .pt .txt .more span{
            border-color: #fff;
        }
        main.brand .pt .txt .more img{
            width: 16px;
        }
        main.brand .picTxt .item:nth-child(odd){
            flex-direction: row-reverse;
        }

        main.brand .spread{
            margin: 4.2vw auto;
            justify-content: space-between;
        }
        main.brand .spread .item{
            width: 28%;
        }
        main.brand .picTxt .item:first-child{
            margin-top: 0px;
        }

        
        

        @media(min-width:1601px){
            main .pro .item .ttl{
                font-size: 40px;
            }
        }

        @media(max-width:1600px){
            
            main .heading .more{
                width: 160px;
                line-height: 48px;
            }
            main .heading .more img{
                width: 13px;
            }
            
            main .function .txt:before,
            main .function .txt .item::before{
                width: 2px;
            }

            main .corperate .coprSwp .item{
                padding-top: 4.1vw;
                padding-bottom: 4.6vw;
            }
            main .corperate .coprSwp .item .inner{
                padding-bottom: 1.2vw;
            }
            main .corperate .coprSwp .item .inner img{
                height: 5.2vw;
            }

            main .picTxt .item{
                margin-top: 5.2vw;
            }
            main .picTxt .item .txt{
                padding: 10.9vw;
            }
            main .picTxt .item .txt p{
                margin-top: 2vw;
            }
            main .picTxt .item .txt .more{
                margin-top: 7.2vw;
            }
            

            main .pro{
                padding-top: 5.2vw;
            }
            main .pro>p{
                font-size: 2.6vw;
            }
            main .pro .item .t{
                padding: 2vw;
            }
            main .pro .item .ttl{
                margin-bottom: 15px;
            }
            main .pro .pic{
                margin: 1.6vw 0px;
            }
            main .pro .links a{
                line-height: 4.1vw;
            }
            main .pro .proSwp .control{
                margin: 4.1vw auto;
            }
            main .pro .proSwp .control .btn{
                width: 24px;
            }

            
        }

        @media(max-width:1400px){
            main .heading .more{
                width: 140px;
                line-height: 42px;
            }
            
            main .function .txt:before,
            main .function .txt .item::before{
                width: 1px;
            }

            main.professional .picTxt .item .more{
                width: 140px;
            }
        }

        @media(max-width:1200px){
            main.health .pt .txt p .more{
                width: 115px;
            }
        }

        @media(max-width:767px){

            main .heading .pic{
                height: 52.8vw;
            }
            main .heading .pic img{
                height: 100%;
                object-fit: cover;
            }
            main .heading .txt{
                padding: 0px 5.3vw;
                top: 50%;
                transform: translateY(-50%);
                left: 0px;
            }
            main .heading .ttl{
                font-size: 10.5vw;
            }
            main .heading .des{
                font-size: 3.5vw;
                margin: 5.2vw 0px;
            }
            main.professional .heading .des{
                width: 64vw;
            }
            main .heading .more{
                width: 100px;
            }

            main .function .fluid{
                display: block;
                margin: 0px;
                padding: 5.3vw;
            }
            main .function .fluid>*{
                width: 100% !important;
                margin-left: 0px !important;
            }
            main .function .palace{
                margin-bottom: 5.3vw;
            }
            main .function .palace p{
                height: initial;
                position: relative;
                padding-bottom: 80%;
            }
            main .function .palace p img{
                position: absolute;
                top: 0px;
                left: 0px;
            }
            main .function .txt:before,
            main .function .txt .item::before{
                width: 3px;
            }
            main .function .txt .item{
                padding: 3.8vw 0px;
                padding-left: 11.1vw;
            }
            main .function .txt .item .ttl{
                font-size: 3.9vw;
                margin-bottom: 0px;
            }
            main .function .txt .item.active .ttl {
                margin-bottom: 5.3vw;
            }
            main .function .txt .item *{
                font-size: 3.5vw;
            }
            main .function::after{
                width: 105vw;
                height: 132vw;
                top: 5.3vw;
                transform: translateX(-50%);
            }

            main .advtg{
                display: block;
                margin: 5.3vw;
                margin-top: 0px;
                width: auto;
                box-sizing: border-box;
                padding: 5.3vw;
            }
            main .advtg>*{
                width: 100%;
            }
            main .advtg .txt>p{
                font-size: 3.9vw;
            }
            main .advtg .txt li{
                padding: 4vw 0px;
            }
            main .advtg .txt li p{
                font-size: 3.1vw;
                padding-left: 6.1vw;
            }
            main .advtg .txt li p + p{
                margin-top: 1.3vw;
            }
            main .advtg .txt li p:first-child::before{
                width: 2.9vw;
                height: 2.9vw;
            }
            main .advtg .pic{
                margin-top: 5.3vw;
            }

            main .corperate .coprSwp .item{
                padding-top: 10.625vw;
                padding-bottom: 11.875vw;
            }
            main .corperate .coprSwp .item .inner{
                padding-bottom: 3.4vw;
            }
            main .corperate .coprSwp .item .inner img{
                height: 13.125vw;
            }

            main .picTxt .item{
                flex-direction: column !important;
                margin-top: 0px;
            }
            main .picTxt .item>*{
                width: 100% !important;
            }
            main .picTxt .item .txt{
                padding: 5.3vw !important;
            }
            main .picTxt .item .txt .ttl{
                font-size: 4vw;
            }
            main .picTxt .item .txt p{
                margin-top: 5.3vw;
                font-size: 3.19vw;
            }
            main.professional .picTxt .item .more{
                width: 100px;
                margin-top: 5.3vw;
            }
            main.professional .picTxt .item:nth-child(1) .txt img{
                margin-left: 0px;
                margin-bottom: 8vw;
            }
            main.professional .picTxt .item:nth-child(2){
                flex-direction: column-reverse;
            }
            main.professional .picTxt .item:nth-child(2){
                width: 100%;
                padding: 5.3vw;
            }
            main.professional .picTxt .item:nth-child(2)>*{
                width: 100% !important;
            }
            main.professional .picTxt .item:nth-child(2) .pic{
                margin-top: 5.3vw;
                margin-bottom: 2.5vw;
            }
            main.health .tips + .picTxt li{
                font-size: 3.19vw;
                margin-top: calc(27px + 1.59vw);
            }
            main.health .tips + .picTxt li:first-child{
                margin-top: 0px;
            }
            main.health .tips + .picTxt .item:nth-child(2) .ttl{
                font-size: 6.6vw;
            }
            main.health .gap{
                padding: 5.3vw;
            }
            main.health .gap ul{
                display: block;
            }
            main.health .gap ul li{
                width: 100%;
                margin-bottom: 5.3vw;
            }
            main.health .gap ul li p{
                font-size: 3.19vw;   
            }
            main.health .gap ul li .ttl{
                font-size: 4vw;
                margin-bottom: 2.6vw;
            }
            main.health .pt .txt p{
                width: 100%;
                padding: 0px 5.3vw;
            }
            main.health .pt .txt p span{
                font-size: 6.6vw;
            }
            main.health .pt .txt p .more{
                width: 110px;
            }
            main .pm{
                padding: 5.3vw;
            }
            main.brand .spread .ttl,
            main .pm .ttl{
                margin-top: 4vw;
                margin-bottom: 3.3vw;
                font-size: 4vw;
            }
            main.brand .spread p,
            main .pm .swiper-slide p{
                font-size: 3.19vw;
            }
            main.brand .spread .item{
                margin-bottom: 5.3vw;
            }
            main.brand .spread .item:last-child{
                margin-bottom: 0px;
            }
            main.brand .picTxt{
                margin-bottom: 2.6vw;
            }
            main.health .proTip p{
                margin-top: 4vw;
                line-height: 4vw;
                font-size: 3.19vw;
            }
            main.brand .pt .txt{
                left: 0px;
                padding: 0px 5.3vw;
                top: 50%;
                transform: translateY(-50%);
            }
            main.brand .tips{
                padding: 5.3vw;
            }
            main.brand .pt .txt p{
                font-size: 3.6vw;
            }
            main.brand .pt .txt .ttl{
                font-size: 10.6vw;
            }
            main.brand .pt{
                height: 61.3vw;
            }
            main.brand .pt>img{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0px;
                object-fit: cover;
            }
            main.brand .spread{
                display: block;
                padding: 5.3vw;
            }
            main.brand .spread .item{
                width: 100%;
            }

            main .pro{
                padding: 0px 5.3vw;
            }
            main .pro>p{
                font-size: 6.5vw;
            }
            main .pro .item .t{
                padding: 5.3vw;
            }
            main .pro .item .ttl{
                font-size: 4vw;
            }
            main .pro .item .des{
                font-size: 3.19vw;
            }
            main .pro .links a{
                line-height: 11.5vw;
                font-size: 3.19vw;
            }
            main .pro .proSwp .control{
                width: 100%;
            }

            main .proTip{
                padding: 0px 5.3vw;
                margin-bottom: 6.6vw;
            }

            main .aboutPage .fluid{
                padding: 0px 5.3vw;
            }
            main .aboutPage .fluid a{
                line-height: 15.9375vw;
                font-size: 3.59vw;
            }
            main .aboutPage .fluid a img{
                width: 4.6875vw;
            }
            main .aboutPage .fluid .prev img{
                margin-right: 3.71875vw;
            }
            main .aboutPage .fluid .next img{
                margin-left: 3.71875vw;
            }

            main .tips{
                padding: 8vw 0px;
            }
            main.health .tips .inner{
                width: 93vw;
                padding: 0px 5.3vw;
            }
            main .tips p{
                font-size: 2.6vw;
            }
            main .tips p:first-child{
                margin-bottom: 4vw;
            }
            main.health .tips p:first-child{
                font-size: 4vw;
            }
        }

        @media(max-width: 400px){

            main .function .txt:before,
            main .function .txt .item::before{
                width: 1px;
            }
            
        }